<%@ page contentType="text/html; charset=UTF-8" %>
<style>
.toolbar{
	float:right;
	margin-top: 15px;
	overflow: hidden;
}
.toolbar > li{
	float:left;
	margin-left: 16px;
	line-height: 40px;
}
.page-header a{
	color: #686868;
}
</style>
<div class="page-header" id="Header" >
	<div class="mainArea">
		<ul class="logo" style="float:left; ">
			<a href="http://www.logicsolutions.com">
				<img alt="http://www.logicsolutions.com" src="${pageContext.request.contextPath}/images/logo_logic.png">
			</a> 
		</ul>
		<ul class="toolbar" style="margin-right: 60px;">
			<s:if test="#session.USER !=null && #session.USER.id !=null">
				<li>
					<s:text name="Welcome"/> &nbsp;
					<a href="#" ><s:property value="#session.USER.shortName" /></a>
					&nbsp;|&nbsp;
					<a href="${pageContext.request.contextPath}/logout.action" >
						<s:text name="Logout" />
					</a>
					&nbsp;
					<a href="#" target="_blank"><s:text name="Help"/></a>
				</li>
			</s:if>
			<s:else>
				<li>
					<a href="#"><s:text name="Login"/></a>
				</li>
				<li>
					<a href="${pageContext.request.contextPath}/user/register.action" class="register-link"><s:text name="Register"/></a>
				</li>
				<li>
					<a href="#" target="_blank"><s:text name="Help"/></a>
				</li>
			</s:else>
		</ul>
	</div>
</div>